layui.define(['table', 'form'], function (exports) {
    var $ = layui.$,
        table = layui.table,
        admin = layui.admin,
        form = layui.form;

    table.render({
        elem: '#userTable'
        , url: '/user/list' //模拟接口
        , cols: [[
            , {field: 'real_name', width: 100, title: '姓名'}
            , {field: 'phone', title: '手机号', minWidth: 100}
            , {field: 'username', title: '用户名', minWidth: 100}
            , {field: 'permission_name', minWidth: 100, title: '权限'}
            , {field: 'date_created', minWidth: 100, title: '创建时间'}
            , {field: 'last_updated', minWidth: 100, title: '更新时间'}
            , {
                field: 'data.enabled', width: 100, title: '状态', templet: function (data) {
                    if (data.enabled == 0) {
                        return '已过期';
                    } else {
                        return '未过期';
                    }
                }
            }
            , {title: '操作', width: 220, align: 'center', fixed: 'right', toolbar: '#table-useradmin-webuser'}
        ]]
        , page: true
        , limit: 30
        , height: 'full-220'
        , text: {
            none: '暂无相关数据' //默认：无数据。注：该属性为 layui 2.2.5 开始新增
        }
    });

    //监听搜索
    form.on('submit(LAY-user-front-search)', function (data) {
        var field = data.field;
        //执行重载
        table.reload('userTable', {
            where: field
        });
    });


    //请求获取角色下拉列表
    $.ajax({
        url: "/user/getRole",
        type: 'POST',
        dataType: 'json',
        error: function () {
            layer.msg('出错啦。。。');
        },
        success: function (result) {        //动态渲染下拉列表
            for(let i = 0; i < result.length; i++){
                $("#role_name_select").append("<option value='"+result[i].id+"'>"+result[i].permission_name+"</option>");//新增
                form.render();
            }
        }
    });

    //对外输出
    exports('user', {});
});
